@media screen and (min-width: 280px) {html{font-size:47.67px;}}
@media screen and (min-width: 320px) {html{font-size:85.33px;}}
@media screen and (min-width: 375px) {html{font-size:100px;}}
@media screen and (min-width: 414px) {html{font-size:110.4px;}}

body {
    margin: 0;
    padding: 0;
    background-color: #eeeeee;
    // height : 100%;  
    color: #444;
    * {
        margin: 0;
        font-size: 0.16rem;
        // padding: 0;
        box-sizing: border-box;
        outline:none;
    }
    padding-top: constant(safe-area-inset-top);
    // 禁止长按图片和链接
    -webkit-touch-callout : none;
    -webkit-touch-callout : none;
    // 禁止复制文字
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
}

.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}
// 禁止弹窗背景滚动
.prevetwinow{
    overflow: hidden;
}
a {
    text-decoration: none;
    outline:none;
}

img {
    border: 0;
    width: 100%;
    height: 100%;
}

input {
    outline:none;
    line-height: 0.3rem;
    border: 1px solid gray;
}
.dlzdd .role-bg{
    background: #B22626;
    border:1px solid #B22626;
}
.dlzdd .role-color{
    color: #B22626;
}
.dljxs .role-bg{
    background: #499BD7;
    border:1px solid #499BD7;
}
.dljxs .role-color{
    color: #499BD7;
}

.btn-text{
    border:none;
    padding: 0 5px;
}
#mescroll{
    position: fixed;
    top : 64px;
    bottom: 100px;

    background: lightgray;
}
// 确认按钮
.sure-btn{
    border-radius: 5px;
    padding: 10px 5px;
    color: white;
    text-align: center;
    background: #fc7646;
    border: 1px solid #fc7646;
    width: 100%;

}
.sure-btn:disabled{
    border : 1px solid #aaaaaa;
    background-color: #aaaaaa;
}

.cancel-btn{
    border-radius: 5px;
    padding: 5px;
    // color: #444;
    // border: 1px solid #2196f3;
    text-align: center;
    width: 100%;
    color: white;
    background: #9E9E9E;
    border: 1px solid #9E9E9E;
}
//布局相关
.col-md-6{
    width: 50%;
    display: inline-block;
}
.col-md-4{
    width: 33%;
    display: inline-block;
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}
.clear-fix:after {
    display: table;
    content: '';
    clear: both;
}
.inline-block{
    display: inline-block;
}
.align-center{
    text-align: center;
}
.align-right{
    text-align: right;
}

//根据元素个数，自动均匀填满父元素
.fill-item:first-child:nth-last-child(1) {/* one item */
    width: 100%;
}

.fill-item:first-child:nth-last-child(2),
.fill-item:first-child:nth-last-child(2) ~ .fill-item {/* two item */
    width: 50%;
    display: inline-block;
}

.fill-item:first-child:nth-last-child(3),
.fill-item:first-child:nth-last-child(3) ~ .fill-item {/* three item */
    width: 33.3333%;
    display: inline-block;
}

.fill-item:first-child:nth-last-child(4),
.fill-item:first-child:nth-last-child(4) ~ .fill-item {/* four item */
    width: 25%;
    display: inline-block;
}
.margin5{
    margin: 5px;
}
.margin10{
    margin: 10px;
}
.padding5{
    padding: 5px;
}
.padding10{
    padding: 10px;
}

// 字体相关
.gray{
    color:gray
}
.lightgray{
    color: lightgray;
}
.font12{
    font-size: 0.12px;
}
.font14{
    font-size: 0.14px;
}
.font16{
    font-size: 0.16px;
}
.font18{
    font-size: 0.18rem;
}
.font24{
    font-size: 0.24rem;
}

//弹性盒模型相关

.space-between{
    display: flex;
    justify-content: space-between;
}


.hidden{
    display: none;
}

//下拉刷新
.state-refreshing .pull-load-head-default i{
    font-size:0.2rem !important;
    height:0.2rem !important;
    width:0.2rem !important;
}
.state-loading .pull-load-footer-default i{
    font-size:0.2rem !important;
    height:0.2rem !important;
    width:0.2rem !important;
}

.pull-load-head-default{
    line-height:1rem !important;
}
.pull-load-footer-default{
    line-height:1rem !important;
}




